<!--
 * @Description: 
 * @Author: ljl
 * @Date: 2024-11-04 20:25:15
 * @LastEditors: rendc
 * @LastEditTime: 2024-11-05 10:51:13
-->
<!-- 告诉浏览器 Html的版本是H5 -->
<!DOCTYPE html>
<!-- 语言 English -->
<html lang="en">
<!-- 文档的头部 在网页视口区看不到-->

<head>
  <!-- 信息标签 字符编码格式 -->
  <meta charset="UTF-8">
  <!-- 可使用的宽度为视口宽度 初始缩放比例为1 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 文档的标题 在选项卡上面显示 -->
  <title>课程表</title>
  
  <style>
    table{
      width: 50%;
      height: 30px;
    }
    table,
    table th{
      border: 1px solid rgb(216, 213, 213);
      height: 50px;
      border-collapse: collapse;
      /* 设置文字的对齐方式 居中 */
      text-align: center;
    }

    table td{
      /* 设置边框 宽度 1px 线条形状虚线 线条颜色 */
      border: 1px dashed rgb(201, 200, 200);
      border-collapse: collapse;
      /* 设置圆角 */
      border-radius: 10px;
    }
    /* 没有竖线 */
    table td, table th:not(:first-child) {
      border-right: none;
      border-left: none;
    }
    .special-cell{
      background-color: azure;
    }
    /* 让每列宽度一样 */
    table th:not(:first-child),
    table td:not(:first-child) {
      width: calc(100% / 5);
    }
  </style>
</head>
<!-- 文档的主体 - 在网页的视口区显示的 -->

<body>
  <!-- 表格 -->
  <table>
    <!-- 表头 -->
    <thead>
      <!-- 行 -->
      <tr class="special-cell">
        <!-- 列 -->
        <th>    </th>
        <th>周一</th>
        <th>周二</th>
        <th>周三</th>
        <th>周四</th>
        <th>周五</th>
      </tr>
    </thead>
    <!-- 表体 -->
    <tbody>
      <!-- 行 -->
      <tr>
        <!-- 列 -->
        <td class="special-cell">1<br>8:30</td>
        <td rowspan="2" style="background-color: rgba(239, 52, 52, 0.804);">大学英语(IV)@10203  </td>
        <td></td>
        <td rowspan="2" style="background-color: rgba(0, 59, 251, 0.61)">大学体育(IV)  </td>
        <td></td>
        <td></td>

      </tr>
      <tr>
        <!-- 列 -->
        <td class="special-cell">2<br>9:30</td>
        <td></td>
        <td></td>

      </tr>
      <tr>
        <!-- 列 -->
        <td class="special-cell">3<br>10:30</td>
        <td></td>
        <td rowspan="2" style="background-color: rgb(255, 221, 0)">信号与系统@11302  </td>
        <td rowspan="2" style="background-color: rgb(41, 244, 153)">形势与政策(IV)@15208  </td>
        <td></td>
        <td rowspan="2" style="background-color: rgb(0, 200, 255)">数据结构与算法分析  </td>

      </tr>
      <tr>
        <!-- 列 -->
        <td class="special-cell">4<br>11:30</td>
        <td></td>
        <td></td>

      </tr>
      <tr>
        <!-- 列 -->
        <td class="special-cell">5<br>12:30</td>
        <td></td>
        <td rowspan="2" style="background-color: rgb(14, 232, 145)">模拟电子技术基础@16204  </td>
        <td></td>
        <td rowspan="2" style="background-color: rgb(49, 51, 190)">电装实习@11301  </td>
        <td></td>

      </tr>
      <tr>
        <!-- 列 -->
        <td class="special-cell">6<br>14:30</td>
        <td></td>

      </tr>
      <tr>
        <!-- 列 -->
        <td class="special-cell">7<br>15:30</td>
        <td rowspan="2" style="background-color: rgba(255, 196, 0, 0.605)">毛概@14208  </td>
        <td></td>
        <td rowspan="2" style="background-color: rgb(0, 255, 195)">电路、信号与系统实验  </td>
        <td></td>
        <td></td>

      </tr>
      <tr>
        <!-- 列 -->
        <td class="special-cell">8<br>16:30</td>
        <td></td>
        <td></td>
        <td></td>
      </tr>

      <tr>
        <!-- 列 -->
        <td class="special-cell">9<br>17:30</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td rowspan="2" style="background-color: rgb(100, 9, 211)">信号与系统</td>

      </tr>
      <tr>
        <!-- 列 -->
        <td class="special-cell">10<br>18:30</td>
        <td></td>
        <td></td>
        <td></td>
        <td rowspan="2" style="background-color: rgb(255, 234, 0)">大学体育</td>

      </tr>
      <tr>
        <!-- 列 -->
        <td class="special-cell">11<br>19:30</td>
        <td></td>
        <td></td>

      </tr>
      <tr>
        <!-- 列 -->
        <td class="special-cell">12<br>20:30</td>
        <td style="background-color: rgb(54, 196, 236)">选修</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    </tbody>
    
  </table>

</body>
<!-- html的结束标签 -->
